@mixin position($pos, $top:inherit, $right:inherit, $bottom:inherit, $left:inherit) {
    position: $pos;
    left: $left;
    right: $right;
    bottom: $bottom;
    top: $top;
}

@mixin bgColor($color) {
    background: $color;
}

@mixin boxShadow($value) {
    -webkit-box-shadow: $value;
    -moz-box-shadow: $value;
    -ms-box-shadow: $value;
    box-shadow: $value;
}

@mixin translate($x, $y) {
    -webkit-transform: translate($x, $y);
    -ms-transform: translate($x, $y);
    -moz-transform: translate($x, $y);
    transform: translate($x, $y);
}

@mixin display($value) {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
}

@mixin border_b($value) {
    border-bottom: $value;
}

@mixin border($value) {
    border: $value;
}

@mixin boxSizing($value) {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

@mixin transition($value) {
    -webkit-transition: $value;
    -ms-transition: $value;
    -moz-transition: $value;
    transition: $value;
}

@mixin flex($value) {
    -webkit-flex: $value;
    -moz-flex: $value;
    -ms-flex: $value;
    flex: $value;
}

@mixin rotate($value) {
    -webkit-transform: rotate($value);
    -ms-transform: rotate($value);
    -moz-transform: rotate($value);
    transform: rotate($value);
}

@mixin scacleY($value) {
    -webkit-transform: scacleY($value);
    -ms-transform: scacleY($value);
    -moz-transform: scacleY($value);
    transform: scacleY($value);
}

@mixin textCenter {
    text-align: center;
}

@mixin borderRadius($value) {
    border-radius: $value;
}

@mixin opacity($opacity:50) {
    opacity: $opacity / 100;
    filter: alpha(opacity=$opacity);
}